<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Main page</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="wrapper wcol-12">
        <div class="header col-12">
            <ul class="header__nav col-9">
                <li class="header__nav--active"><a href="#">Main</a></li>
                <li><a href="#">Schedule</a></li>
                <li><a href="#">Support</a></li>
            </ul>
            <ul class="header__nav--right">
                <li class=""><a href="#">Log out</a></li>
            </ul>
        </div>
        <div class="content">
            <h4>Course list</h4>
            <a class="" href="#">Add subject</a>
            <table class="content__teacherlist col-12">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Subject name</th>
                    </tr>
                </thead>
                <tbody>
                    <div class="scrollable">
                    <tr>
                        <td>1</td>
                        <td><a href="#">CSS12 Software Engineering</a></td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td><a href="#">CSS12 Software Engineering</a></td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td><a href="#">CSS12 Software Engineering</a></td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td><a href="#">CSS12 Software Engineering</a></td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td><a href="#">CSS12 Software Engineering</a></td>
                    </tr>
                    </div>
                </tbody>
            </table>

        </div>
        <div class="footer"></div>
    </div>
</body>
</html>